@charset "utf-8";
/* CSS Document */
.body{
	background:#f5f5f5;
	}
	a{
	text-decoration:none;
	color: black;
	}
.fh{
	position:fixed;
	top:200px;
	left:0px;
	height:40px;
	width:40px;
	background:rgba(0,0,0,.2);
	text-align:center;
	line-height:40px;
	transition:all .3s;
	overflow:hidden;
	z-index:999;
	}
	.fh-span1{
		display:none;
		}
	.fh:hover{
		background:#c71622;
		color:#fff;
		width:100px;
		}
	.fh:hover .fh-span1{
		display:block;
		}
.nav1-btn{
	position:fixed;
	width:50px;
	height:50px;
	right:20px;
	top:40px;
	font-size:30px;
	text-align:center;
	line-height:50px;
	background:#fff;
	border-radius:50%;
	z-index:2;
	color:rgba(200,200,200,.9);
	padding-top:3px;
	box-shadow:inset 0px 0px 5px #666666;
	display:none;
	}
	.nav1-btn:hover{
		background:#f1f1f1;
		}
.nav1{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	}
	.nav1 h3{
		font-size:20px;
		}
	.nav1 h3:hover{
		color:#c71622;
		}
.nav2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
	}
	.nav2 .col-md-2{
		padding:10px;
		transition:all .3s;
		border-radius:5px;
		}
	.nav2-2 .col-md-2:hover{
		background:#f5f5f5;
		border-radius:4px;
		}
	.nav2 .col-md-2 h3{
		padding-left:30px;
		margin-top:12px;
		}
	.nav2 .col-md-2 h3 span{
		padding-right:50px;
		}
.form{
		padding-top:20px;
		}
	.nav-text{
		padding-right:0px;
		}
	.nav-text1{
		border-radius:19px 0 0 19px;
		padding:19px;
		border:0px;
		background:#f4f4f4;
		}
	.nav-btn{
		padding-left:0px;
		}
.nav-btn1{
		border-radius:0 19px 19px 0;
		padding:6px 20px 4px 20px;
		font-size:20px;
		border:0px;
		background:#C71622;
		color:#fff;
		transition:all .3s;
		}
	.nav-btn1:hover{
		background:#639;
		color:#fff;
		}
.nav2-2{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	display:none;
	position:fixed;
	left:0;
	z-index:999;
	height:101vh;
	margin-top:-10px;
	transform: translateX(-100%);
	transition: transform ease-out  0.3s;
	box-shadow:1px 0px 1px #ccc;
	}
	
	.nav2-2.nav2-3{
			transform: translateX(0);
			}
	
	.nav2-2 h3{
		font-size:20px;
		}
	.nav2-2 h3:hover{
		color:#c71622;
		}
	.active1{
		color:#F00;
		background:rgba(200,0,0,.1);
		}
	.nav2.nav2-2-2{
		margin-top: 90px;
		margin-bottom: 10px;
		font-size: 14px;
		}
.box1{
	background:#fff;
	margin-top:5px;
	}
	.box1 .tbb{
		text-align:center;
		}
		.box1 p{
			color:rgba(180,180,180,.9);
			}
		.box1 .tbb span:nth-child(3){
			color:rgba(255,0,0,.6);
			font-size:24px;
			}
	.box1 .tubiao{
		font-size:30px;
		color:rgba(200,200,200,.9);
		}
#totop{
	position:fixed;
	top:85%;
	right:1%;
	width:50px;
	height:50px;
	z-index:1;
	border-radius:50%;
	overflow:hidden;
}
	.box-lb{
		padding:0px;
		}
		.box-lb div{
			padding:0px;
			min-height:72px;
			}


	.box-lb .djs{
		background:#333;
		color:rgba(255,255,255,.5);
		padding:13px 0px 13px 60px ;
		font-size:15px;
		
		
		}
		.box-lb .djs span{
			font-size:25px;
			color:#fff;
			}
	.box-lb .gz{
		background:#c71622;
		padding:16px;
		text-align:center;
		color:#fff;
		}
	.box1 .djs span{
		margin-left:10px;
		margin-right:10px;
		}
.box2{
	padding:0px;
	}
	.box2 h3{
		padding-left:15px;
		}
/*	.box2 .r1{
		padding-left:0px;
		}
	.box2 .r2{
		padding-left:0px;
		padding-right:0px;
		}
	.box2 .r3{
		padding-right:0px;
		}*/
	.box2 .p-num{
		    position: absolute;
			top: 8px;
			left: 24px;
			width: 50px;
			height: 50px;
			font-size: 30px;
			font-family: Arial;
			text-align: center;
			color: #fff;
			border-radius:50%;
			background:#633;
			line-height:50px;
		}
	.box2 .zt{
		overflow:hidden;
		border-radius:4px;
		}
	.box2 .zt:hover{
		/*box-shadow:2px 0px 14px 2px rgba(0,0,0,.5);*/
		}
		.box2 .zt img{
			transition:filter ease-out 0.3s;
			}
		.box2 .zt:hover img{
			filter: saturate(3) blur(40px) brightness(0.6);/*滤镜：饱和度 模糊 亮度*/
			}
		.box2 .text{
			/*color:rgba(255,255,255,0);*/
			overflow:hidden;
			position:absolute;
			bottom:100px;
			padding-left:50px;
			padding-right:50px;
			}
		.box2 .text h3,
		.box2 .text p{
			transform:translateY(200px);
			transition:transform cubic-bezier(0.72, 0.44, 0, 1) 0.3s;
			}
			.box2 .zt:hover .text h3,
			.box2 .zt:hover .text p{
				transform:translateY(0px);
				}
		.box2 .zt:hover .text{
			color:rgba(255,255,255,.8);
			
			}
	.box2 .jieshao{
		padding:0px;
		}
	.box2 .rqph{
		background:#fff;
		}
		.box2 .rqph p:nth-child(1){
			font-size:13px;
			margin-bottom:0px;
			padding-top:10px;
			}
		.box2 .rqph P:nth-child(2){
			color:#d23030;
			margin-bottom:0px;
			}
		.box2 .rqph span{
			font-size:24px;
			}
	.box2 .chuj{
		background:#d23030;
		color:#fff;
		text-align:center;
		padding:0px;
		}
		.box2 .chuj p:nth-child(1){
			font-size:35px;
			margin-bottom:0px;
			}
/*.box3 span{
	margin-left:24px;
	font-size:15px;
	}*/
.box3 .row{
	margin-top:30px;
	}
	.box3 ul{
		margin-left:15px;
		}
	.box3 .thumbnail:hover{
	box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.12);
	}
	/*.box3 .pp{
		margin-top:16px;
		overflow:hidden;
		}
	.box3 .zt{
		overflow:hidden;
		border-radius:10px;
		}
	.box3 .zt:hover{
		box-shadow:2px 0px 8px 2px rgba(0,0,0,.5);
		}
	.box3 .jieshao{
		padding:0px;
		}
	.box3 .rqph{
		background:#fff;
		}
		.box3 .rqph p:nth-child(1){
			font-size:13px;
			margin-bottom:0px;
			padding-top:10px;
			}
		.box3 .rqph P:nth-child(2){
			color:#d23030;
			margin-bottom:0px;
			}
		.box3 .rqph span{
			font-size:24px;
			}
	.box3 .chuj{
		background:#d23030;
		color:#fff;
		text-align:center;
		padding:0px;
		}
		.box3 .chuj p:nth-child(1){
			font-size:35px;
			margin-bottom:0px;
			}*/

footer{
		background:#fff;
		margin-top:20px;
		}
	footer .footer-row{
		text-align:center;
		background:#f5f5f5;
		font-size:18px;
		margin-top:30px;
		padding:20px 0px 20px 0px;
		}
	footer .footer-row2{
		padding:40px 0px 40px 90px;
		}
	footer .footer-row3{
		background:#f5f5f5;
		padding:10px;
		margin-bottom:50px;
		}
		footer .footer-row3 .row3-9{
			background:#fff;
			padding:20px 0px 20px 20px;
			}

/*移动端导航*/

.nav2-2{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	display:none;
	position:fixed;
	left:0;
	z-index:999;
	height:101vh;
	margin-top:-10px;
	transform: translateX(-100%);
	transition: transform ease-out  0.3s;
	box-shadow:1px 0px 1px #ccc;
	}
	
	.nav2-2.nav2-3{
			transform: translateX(0);
			}
	
	.nav2-2 h3{
		font-size:20px;
		}
	.nav2-2 h3:hover{
		color:#c71622;
		}
	.active1{
		color:#F00;
		background:rgba(200,0,0,.1);
		}
	.nav2.nav2-2-2{
		margin-top: 90px;
		margin-bottom: 10px;
		font-size: 14px;
		}

.nav1-btn{
	position:fixed;
	width:50px;
	height:50px;
	right:20px;
	top:40px;
	font-size:30px;
	text-align:center;
	line-height:50px;
	background:#fff;
	border-radius:50%;
	z-index:2;
	color:rgba(200,200,200,.9);
	padding-top:3px;
	box-shadow:inset 0px 0px 5px #666666;
	display:none;
	}
@media screen and (max-width:1004px){
	.nav1{
		display:none;
		}
	.nav2-2{
		display:block;
		}
	.nav2-2 img{
		width:200px;
		height:50px;
		margin-bottom: 30px;
		}
	.nav1-btn{
		display:block;
		}
	}

/*练习*/
/*钱钱动画*/
.btn-primary{
	transition:all .3s;
	background:#d23030;
	width:71.5px;
	height:34px;
	transition:all .3s;
	overflow:none;
	}
.btn-primary:hover{
	background:#639;
	}
.thumbnail .span-text1{
	display:none;
	text-align:center;
	}
	.thumbnail a:hover .span-text1{
		display:block;
		padding:3px 16px;
		}
	.thumbnail a:hover .span-text2{
		display:none;
		}
